* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

input, select {
    font-size: 12px;
    vertical-align: middle;
}

textarea, input {
    word-wrap: break-word;
    word-break: break-all;
    padding: 0;
}

li {
    list-style-type: none;
}

a {
    text-decoration: none;
    transition: all .6s;
    color: #424242;
}

i, em {
    font-style: normal;
}

input {
    outline: none
}

img {
    border: 0 none;
    max-width: 100%;
    vertical-align: middle;
}

@media screen and (min-width: 320px) {
    html {
        font-size: 21.333333333333332px;
    }

    body {
        font-size: 12px;
    }
}

@media screen and (min-width: 360px) {
    html {
        font-size: 24px;
    }

    body {
        font-size: 12px;
    }
}

@media screen and (min-width: 375px) {
    html {
        font-size: 25px;
    }

    body {
        font-size: 12px;
    }
}

@media screen and (min-width: 384px) {
    html {
        font-size: 25.6px;
    }

    body {
        font-size: 14px;
    }
}

@media screen and (min-width: 400px) {
    html {
        font-size: 26.666666666666668px;
    }

    body {
        font-size: 14px;
    }
}

@media screen and (min-width: 414px) {
    html {
        font-size: 27.6px;
    }

    body {
        font-size: 14px;
    }
}

@media screen and (min-width: 424px) {
    html {
        font-size: 28.266666666666667px;
    }

    body {
        font-size: 14px;
    }
}

@media screen and (min-width: 480px) {
    html {
        font-size: 32px;
    }

    body {
        font-size: 15.36px;
    }
}

@media screen and (min-width: 540px) {
    html {
        font-size: 36px;
    }

    body {
        font-size: 17.28px;
    }
}

@media screen and (min-width: 720px) {
    html {
        font-size: 48px;
    }

    body {
        font-size: 23.04px;
    }
}

@media screen and (min-width: 750px) {
    html {
        font-size: 50px;
    }

    body {
        font-size: 24px;
    }
}

.clear:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clear {
    zoom: 1
}

body {
    background-color: #f5f5f5;
    font-family: '微软雅黑',PingFangSC-Regular, sans-serif;
}
#Solution img{
    width: 100%;
}
header {
    position: relative;
}
header .but{
    position: absolute;
    width: 12rem;
    height: 3.4rem;
    top: 15.8rem;
    left: 1.5rem;
    background: url("/wap/activity/dynamic/jietao/images/7.png")no-repeat center center;
    background-size: 100%;
}
header .but:after{
    content: '';
    position: absolute;
    top: 1.6rem;
    left: 3.1rem;
    width: 5.8rem;
    height: 1.4rem;
    background: url("/wap/activity/dynamic/jietao/images/3.png")no-repeat center center;
    background-size: 100%;
}
header .but.active{
    background: url("/wap/activity/dynamic/jietao/images/6.png")no-repeat center center;
    background-size: 100%;
}
header .but.active:after{
    background: url("/wap/activity/dynamic/jietao/images/12.png")no-repeat center center;
    background-size: 100%;
}
header .but.cook{
    background: url("/wap/activity/dynamic/jietao/images/11.png")no-repeat center center;
    background-size: 100%;
}
header .but.cook:after{
    background: url("/wap/activity/dynamic/jietao/images/13.png")no-repeat center center;
    background-size: 100%;
}

section{
    background: #cd2616;
    width: 100%;
}
.text-fall{
    padding: .2rem .4rem .6rem;
}
.text-head{
    font-size: .72rem;
    color: #FFFFFF;
    line-height: 1rem;
    height: 1.3rem;
    font-weight: 900;
    letter-spacing: .1rem;
}
.text-sec{
    width: 100%;
    border: .12rem solid #9c0c00;
    background: #fbe790;
    padding: 0 .4rem;
    border-radius: .1rem;
}
span.red{
    color: #cd2616;
}
span.ju{
    color: #fa8e1a;
}
.text-ul-tit{
    height: 1.7rem;
    line-height: 1.7rem;
}
.text-ul-tit li{
    text-align: center;
    font-size: .56rem;
    color: #333333;
    font-weight: 600;
    float: left;
    width: 23%;
}
.text-ul-tit li:nth-child(2){
    width: 31%;
}
.text-ul-list{
    width: 100%;
    height: 2.2rem;
    background: rgba(255,255,255,.6);
    border-radius: .4rem;
    padding: .4rem;
    overflow: hidden;
    margin-bottom: .3rem;
}
.text-ul-list li{
    text-align: center;
    font-size: .56rem;
    color: #333333;
    font-weight: 600;
    float: left;
    width: 23%;
}
.text-ul-list li:nth-child(2){
    width: 31%;
}
.text-ul-list li span{
    font-size: .52rem;
    width: 100%;
    display: inline-block;
}
.text-ul-list li span.he{
    height: 1.4rem;
    line-height: 1.4rem;
}
